<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>p4_文字处理</title>
        <style>
            p{
                /*设置文字大小,谷歌浏览器默认的字号是16px */
                font-size: 16px;
                /*设置字体,可以写多个,从前往后加载*/
                font-family: "宋体","幼圆","华文新魏";
            }
            a{
                text-decoration: underline;/*文字修饰:下划线*/
                text-decoration: line-through;/*文字修饰:删除线*/
                text-decoration: overline;/*文字修饰:顶线*/
                text-decoration: none;/*文字修饰:去除所有的修饰线*/
            }
            div{
                width: 200px;
                height: 200px;
                border:5px solid #f00;
                /*文字水平居中*/
                text-align: center;
                /*让单行文本的行高与父级块元素一样高 可以实现垂直居中 */
                line-height: 200px;
            }
            span{
                font-weight: bold;/*字体字重:加粗*/
                font-weight: lighter;/*字体字重:细体*/
                font-weight: normal;/*字体字重:正常体*/
                font-style: italic;/*字体样式:斜体*/
            }
            h4{
                /*文字阴影:X轴偏移量 Y轴偏移量 羽化值 颜色*/
                text-shadow: 5px 5px 5px red;
            }
        </style>
    </head>
    <body>
        <p>我是测试文字 123 ABC abc</p>
        <a href="#">超链接</a>
        <div>我是div</div>
        <span>我是span</span>
        <h4>测试文字</h4>
    </body>
</html>